{% load static %}
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>用户信息管理系统</title>
    <link rel='stylesheet' href="{% static 'plugins/bootstrap-3.3.7-dist/css/bootstrap.min.css' %}">
    <link rel="stylesheet" href="{% static 'plugins/sweetalert/sweetalert.css' %}">
    <link rel="stylesheet" href="{% static 'plugins/font-awesome-4.7.0/css/font-awesome.css' %}">
</head>
<body>
<div class="page-header">
    <h1>欢迎进入用户信息管理系统</h1>
</div>
{% load mytag %}
<div class="row c3">
    <div class="col-md-2">
        <div>
            {% menu_tag request %}
        </div>
        {#    <div class=" col-md-2">#}
        {#        <div class="list-group menuc">#}
        {#            <a class="list-group-item " href="/manage/">查看信息</a>#}
        {#        </div>#}
        {#        <div class="list-group menuc">#}
        {#            <a class="list-group-item" href="/role_manage/">角色管理</a>#}
        {#        </div>#}
        {#        <div class="list-group menuc">#}
        {#            <a class="list-group-item" href="/user_manage/">用户管理</a>#}
        {#        </div>#}
        <div><a href="/upload/" class="btn btn-warning">上传头像</a><a href="/query/" class="btn btn-primary">查询</a></div>
    </div>

    <div class="col-md-8">
        {% block content %}
            内容部分
        {% endblock %}
    </div>
</div>
</body>
<script src="{% static 'plugins/jquery.js' %}"></script>
<script src="{% static 'plugins/bootstrap-3.3.7-dist/js/bootstrap.min.js' %}"></script>
<script src="{% static 'plugins/sweetalert/sweetalert.min.js' %}"></script>
{#<script>#}
{#    $('#sub').click(function () {#}
{#        var file_obj = $('[type="file"]')[0].files[0];#}
{#        var formdata = new FormData();#}
{#        formdata.append('csrfmiddlewaretoken','{{ csrf_token }}')#}
{#        formdata.append('avatar',file_obj)#}
{##}
{#        $.ajax({#}
{#            url:"/upload/",#}
{#            type:'post',#}
{#            data:"formdata",#}
{#            contentType:false,#}
{#            processData:false,#}
{#            success:function(res){#}
{##}
{#            }#}
{#        })#}
{#    })#}
{#</script>#}
{% block js %}

{% endblock %}
</html>